<template>
    <dl class="dls">
        <dt>
            <img :src="item.cover" alt="">
        </dt>
        <dd>
            <h3>{{item.name}}</h3>
            <p>{{item.volume}}</p>
            <p>价格：{{item.price}}</p>
            <slot></slot>
        </dd>
    </dl>
</template>

<script>
export default {
     props:{
         item:{
             type:Object
         }
     }
}
</script>

<style lang="scss">
.dls{
    width: 100%;
    height: 120px;
    display: flex;
    border-bottom: 1px solid #ccc;
    dt{
        width: 120px;
        height: 120px;
        img{
            width: 100%;
            height: 100%;
        }
    }
    dd{
        flex: 1;
    }
}
</style>